<!DOCTYPE html>
<html>
  <head>
    <title>children.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript" src="../javascript/lib/jquery-1.9.1/jquery-1.9.1.min.js"></script>
	<script>
      $(function(){
          var listElements = $("li");  
          var firstEl = listElements.first();  
          var lastEl = listElements.last();
 
          document.write("firstEl value:" + firstEl.html());                   
          document.write("firstEl length:" + firstEl.length);
 
          document.write("lastEl value:" + lastEl.html());
          document.write("firstEl length:" + firstEl.length);
      });
    </script>
  </head>
  <body>
    <ul>
     <li>eggs</li>
     <li>bacon</li>
     <li>ham</li>
    </ul>
  </body>
</html>
